<%= stylesheet_link_tag 'bootstrap/pagination'  %>
<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.js"></script>
<table id="table">
  <thead class="thead-inverse">
  <tr>
    <th data-field="report_date" rowspan="2">日期</th>
    <th data-field="company" rowspan="2">集团</th>
    <th data-field="member_type" rowspan="2">付费用户</th>
    <th colspan="5">约课人数</th>
  </tr>
  <tr>
    <th data-field="month_1">第二月</th>
    <th data-field="month_2">第三月</th>
    <th data-field="month_3">第四月</th>
    <th data-field="month_4">第五月</th>
    <th data-field="month_5">第六月</th>
  </tr>
  </thead>
</table>
<script>
    var $table = $('#table');
    $(function () {
        $table.bootstrapTable({
            classes: "table table-bordered table-hover table-striped",
            method: 'get',
            striped: true,
            sortable: false,
            pageNumber: 1,
            pagination: true,
            pageSize: 25,
            url: '/admin/re_purchase_overviews/data',
            sidePagination: "server"
        })
    });
</script>